<template>
	<view>
		<!-- <view class="title">
			<image class="returnh fs16" src="../../../static/iconfanh.png">
			<text class="fs16">搜索</text>
		</view> -->
		<!-- 搜索 -->
		<view class="w90" style="display: flex;">
			<view class="fs14" style="width: 576rpx;height: 68rpx;background: #F8F8F8;display: flex;position: relative;">
				<i class="seek"></i>
				<input style="position: absolute;left: 60rpx;top: 15rpx;" type="text" value="" placeholder="大家都在搜" />
			</view>
			<view class="fs13" style="height: 68rpx;line-height: 68rpx;margin-left: 20rpx;">
				搜索
			</view>
		</view>
		<!-- 热门推荐 -->
		<view class="w90 fs14" style="margin-top: 32rpx;">
			<h4>热门推荐</h4>
			<view class="rmtj" style="display: flex; flex-wrap: wrap;margin-top: 12rpx;">
				<text>苹果</text>
				<text>小龙虾</text>
				<text>精品榴莲</text>
				<text>精品榴莲</text>
				<text>香蕉</text>
				<text>牛奶</text>
				<text>软籽石榴</text>
			</view>
		</view>
		<!-- 搜索历史 -->
		<view class="w90 fs14" style="margin-top: 40rpx;">
			<h4>搜索历史 <i></i></h4>
			<view class="rmtj" style="display: flex; flex-wrap: wrap;margin-top: 12rpx;">
				<text>苹果</text>
				<text>小龙虾</text>
				<text>精品榴莲</text>
				<text>精品榴莲</text>
				<text>香蕉</text>
				<text>牛奶</text>
				<text>软籽石榴</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.title{
		position: relative;
	}
	.returnh{
		 width: 20px;
		 height: 20px;
		 position: absolute;
		 left: 34rpx;
		 top: 25rpx;
	}
	.title>text{
		display: block;
		color: rgba(51,51,51,1);
		text-align: center;
		line-height: 88rpx;
	}
	.w90{
		width: 90%;
		margin: 20rpx auto;
	}
	.seek{
		width: 28rpx;
		height: 28rpx;
		display: inline-block;
		background: url(../../../static/Icons_Tint%20Color_Black.png);
		position: absolute;
		left: 15rpx;
		top: 25rpx;
	}
	.rmtj>text{
		margin: 12rpx;
		padding: 12rpx 20rpx;
		background: rgba(245,245,245,1);
	}
	.w90>h4>i{
		width: 30rpx;
		height: 32rpx;
		display: inline-block;
		background: url(../../../static/icondelete.png);
		float: right;
	}
</style>
